<template>
  <div class="main">
    <p  class="main_text">收支报表</p>
    <div class="main_nav p20 mb20">
      <el-form :model="searchData" class="df">
        <el-form-item label="公司名称：" class="mr20" style="width: 20%;">
          <el-input v-model="searchData.companyName" placeholder="公司名称" />
        </el-form-item>
        <el-form-item label="车牌号：" class="mr20" style="width: 20%;">
          <el-input v-model="searchData.companyName" placeholder="公司名称" />
        </el-form-item>
        <el-form-item label="订单号：" class="mr20" style="width: 20%;">
          <el-input v-model="searchData.companyName" placeholder="公司名称" />
        </el-form-item>
        <el-form-item label="审核状态：" class="mr20" style="width: 20%;">
          <el-select v-model="searchData.auditStatus" placeholder="审核状态">
            <el-option label="待审核" value="0" />
            <el-option label="未通过" value="1" />
            <el-option label="已通过" value="2" />
            <el-option label="待上传合同" value="3" />
            <el-option label="待提交" value="-1" />
          </el-select>
        </el-form-item>
        <el-form-item style="width: 20%">
          <div class="df">
            <el-button type="primary" @click="searchDataBtn">查询</el-button>
            <el-button type="primary" plain @click="resc">重置</el-button>
          </div>
        </el-form-item>
      </el-form>
    </div>
    <div class="cyr-flex">
      <div class="mb20">
        <el-button type="primary" >导出Excel表格</el-button>
      </div>
      <div class="cyr-flex-box">
        <el-table  :data="tableData"
                  :header-cell-style="{ background: '#f0f6fe' }" :show-overflow-tooltip="true" border v-adaptive>
          <el-table-column label="序号" type="index"  width="80"/>
          <el-table-column label="类型" prop="companyName" />
          <el-table-column label="入账金额"></el-table-column>
          <el-table-column label="支出金额" prop="address" />
          <el-table-column label="余额" prop="legalPersonName" />
          <el-table-column label="更新时间" prop="updatedAt" />
          <el-table-column label="收支订单号">
          </el-table-column>
          <el-table-column label="摘要">

          </el-table-column>
          <el-table-column label="操作">
            <template #default="props">
              <el-button type="primary">查看明细</el-button>
            </template>
          </el-table-column>
        </el-table>
        <!-- 分页器 -->
<!--        <smartPager v-model:current-page="currentPage" v-model:page-size="pageSize" :total="total"-->
<!--                    @change="handleCurrentChange" />-->
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import  {ref} from 'vue'

const searchData=ref({
  companyName:'',
  auditStatus:''
})
</script>

<style scoped lang="scss">
.main {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  .main_nav {
    border-radius: 6px;
    background-color: #fff;
    .el-form-item {
      margin-bottom: 0;
    }
  }
  }

</style>